<!DOCTYPE HTML>
<html lang="en">  
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
        <title>STE.AM</title>
        <!-- bootstrap -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    
        <!-- animate.css -->
        <link rel="stylesheet" href="assets/css/animate.min.css" />
    
        <!-- 重置样式 -->
        <link rel="stylesheet/less" href="assets/css/reset.less" />
    
        <!-- 页面独立的 -->
        <link rel="stylesheet/less" href="assets/css/index3.less" />
      
      </head>
<body>
    <div class="tops">
        <div class="op">
            <p class="ok">
                Find the next event You'll want to attend
            </p>
        </div>
    </div>


    <div class="main">
    <div class="wrap">

        <h3 class="head2">Who We Are</h3>

        <div class="section">
            <div class="cont span_2_of_about">
                <div class="about-left"> <img src="assets/images/a-img.jpg" alt=""/> </div>
                <div class="about-right">
                <h4 class="m_2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</h4>
                <h5 class="m_3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat..</h5>
                <h5 class="m_3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volut.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt..</h5>
                </div>
                <div class="clear"></div>
            </div>
            <div class="rsidebar span_1_of_about">
                <ul class="sidebar">
                <li><a href="#">Always free from repetition</a></li>
                <li><a href="#">Always free from repetition</a></li>
                <li><a href="#">The standard chunk of Lorem Ipsum</a></li>
                <li><a href="#">The standard chunk of Lorem Ipsum</a></li>
                <li><a href="#">Always free from repetition</a></li>
                <li><a href="#">The standard chunk of Lorem Ipsum</a></li>
                <li><a href="#">The standard chunk of Lorem Ipsum</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>

        <div class="about-middle">
            <div class="lsidebar span_1_of_about-bottom">
                <h3 class="head2">Why Choose Us</h3>
                <ul class="list1">
                <span>1</span>
                <div class="list1_desc">
                    <h5 class="m_12"><a href="#">sed do eiusmod tempor</a></h5>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                </div>
                <div class="clear"></div>
                </ul>
                <ul class="list1">
                <span>2</span>
                <div class="list1_desc">
                    <h5 class="m_12"><a href="#">sed do eiusmod tempor</a></h5>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                </div>
                <div class="clear"></div>
                </ul>
                <ul class="list1">
                <span>3</span>
                <div class="list1_desc">
                    <h5 class="m_12"><a href="#">sed do eiusmod tempor</a></h5>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                </div>
                <div class="clear"></div>
                </ul>
            </div>
            <div class="cont span_2_of_about-bottom">
                <h3 class="head2">Our Mission</h3>
                <h5 class="m_12"><a href="#">sed do eiusmod tempor</a></h5>
                <p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
                <a href="#" title="read more" class="btn1 btn-primary btn-normal btn-inline " target="_self">Read More</a> </div>
            <div class="clear"></div>
        </div>


        <div class="group">
            <div class="lsidebar span_1_of_about-bottom">
                <h3 class="head2">Testimonials</h3>
                <div class="testimonials ">
                <div class="testi-item">
                    <blockquote class="testi-item_blockquote"> <a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </a>
                    <div class="clear"></div>
                    </blockquote>
                    <small class="testi-meta"><span class="user">Lorem ipsum dolor </span>, <span class="info">sit amet</span><br>
                    <a href="#">http://demolink.org</a></small></div>
                </div>
                <div class="testimonials ">
                <div class="testi-item">
                    <blockquote class="testi-item_blockquote"> <a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </a>
                    <div class="clear"></div>
                    </blockquote>
                    <small class="testi-meta"><span class="user">Lorem ipsum dolor </span>, <span class="info">sit amet</span><br>
                    <a href="#">http://demolink.org</a></small></div>
                </div>
            </div>
            <div class="cont span_2_of_about-bottom">
                <h3 class="head2">Meet Our Team</h3>
                <div class="section1">
                <div class="col_1_of_team span_1_of_team">
                    <div class="css3"> <a href="album.html"><img src="./assets/images/a2.jpg" alt="css3" title="exercitation"></a> </div>
                    <h5 class="m_12"><a href="#">sed do eiusmod tempor</a></h5>
                    <p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit exercitation ullamco,.</p>
                    <a href="album.html" title="more" class="btn1 btn-primary btn-normal btn-inline " target="_self">More</a> </div>
                <div class="col_1_of_team span_1_of_team">
                    <div class="css3"> <a href="album.html"> <img src="./assets/images/a3.jpg" alt="css3" title="exercitation"></a> </div>
                    <h5 class="m_12"><a href="#">sed do eiusmod tempor</a></h5>
                    <p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit exercitation ullamco,.</p>
                    <a href="album.html" title="more" class="btn1 btn-primary btn-normal btn-inline " target="_self">More</a> </div>
                <div class="col_1_of_team span_1_of_team">
                    <div class="css3"> <a href="album.html"><img src="./assets/images/a4.jpg" alt="css3" title="exercitation"></a> </div>
                    <h5 class="m_12"><a href="#">sed do eiusmod tempor</a></h5>
                    <p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit exercitation ullamco,.</p>
                    <a href="album.html" title="more" class="btn1 btn-primary btn-normal btn-inline " target="_self">More</a> </div>
                <div class="clear"></div>
                </div>
                <div class="section1">
                <div class="col_1_of_team span_1_of_team">
                    <div class="css3"> <a href="album.html"><img src="./assets/images/a5.jpg" alt="css3" title="exercitation"></a> </div>
                    <h5 class="m_12"><a href="#">sed do eiusmod tempor</a></h5>
                    <p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit exercitation ullamco,.</p>
                    <a href="album.html" title="more" class="btn1 btn-primary btn-normal btn-inline " target="_self">More</a> </div>
                <div class="col_1_of_team span_1_of_team">
                    <div class="css3"> <a href="album.html"><img src="./assets/images/a6.jpg" alt="css3" title="exercitation"></a> </div>
                    <h5 class="m_12"><a href="#">sed do eiusmod tempor</a></h5>
                    <p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit exercitation ullamco,.</p>
                    <a href="album.html" title="more" class="btn1 btn-primary btn-normal btn-inline " target="_self">More</a> </div>
                <div class="col_1_of_team span_1_of_team">
                    <div class="css3"> <a href="album.html"><img src="./assets/images/a7.jpg" alt="css3" title="exercitation"></a> </div>
                    <h5 class="m_12"><a href="#">sed do eiusmod tempor</a></h5>
                    <p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit exercitation ullamco,.</p>
                    <a href="album.html" title="more" class="btn1 btn-primary btn-normal btn-inline " target="_self">More</a> </div>
                <div class="clear"></div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    </div>

    <div class="footer" id="footer">
        <div class="container">
          <div class="box">
            <div class="copyright" data-wow-delay="300ms">
              This is a long story about the Invincible universe .
              ©
              <span>2021 FNUMCBK</span>
            </div>
            <div class="list">
              <a href="" class="wow fadeInUp animated" data-wow-delay="100ms">
                <img src="assets/images/QQ.png">
              </a>
              <a href="" class="wow fadeInUp animated" data-wow-delay="200ms">
                <img src="assets/images/wechat-fill.png">
              </a>
              <a href="" class="wow fadeInUp animated" data-wow-delay="300ms">
                <img src="assets/images/weibo.png">
              </a>
              <a href="" class="wow fadeInUp animated" data-wow-delay="400ms">
                <img src="assets/images/twitter.png">
              </a>
              <a href="" class="wow fadeInUp animated" data-wow-delay="500ms">
                <img src="assets/images/github-fill.png">
              </a>
            </div>
          </div>
        </div>
    
      </div>
</body>
</html>

<!-- 解析less的文件 -->
<script src="assets/js/less.min.js"></script>

<!-- jquery  -->
<script src="assets/js/jquery.min.js"></script>

<!-- bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>